<script type="text/javascript">
$(function() {
	$( "#fromDate" ).datepicker();
	$( "#toDate" ).datepicker();
});
</script>
<%@ include file="/jsp/common/tagLibs.jsp"%>
<DIV class=content_division>
	<DIV class=content_container>
	<DIV class=cleardiv></DIV>
		<DIV class=content_left_shadow>
			<DIV class=content_right_shadow>
				<DIV class=under_flash_shadow></DIV>
				<!-- CONTENT START -->
				<DIV class=content_inner_container>
							<DIV class=cleardiv></DIV>
							<DIV class=maincol style="width:100%;">
							<DIV class=button_orange>
								<DIV class=bo_left></DIV>
								<DIV class=bo_mid>Edit Survey</DIV>
								<DIV class=bo_right></DIV>
							</DIV>
							<div class="bottom-border" style="margin-top:10px;">
								<table CELLSPACING="10">
									<tr>
										<td>Bank:</td>
										<td>
													<select id="fm-marital" name="fm-marital" class="margin-top">
														<option value="admin">Rabobank</option >
														<option value="local_user">Standard charted</option>
														<option value="surveyor">Bank of America</option>
													</select>

										</td><td colspan="4"></td>
									</tr>
									<tr>
										<td>Survey Id:</td>
										<td><input type="text" value="Survey on Bank utilization" class="input jFocus" /></td>
										<td>From:</td>
										<td><input type="text" id="fromDate" value="11/03/2011" class="input calendar jFocus"></td>
										<td>To:</td>
										<td><input type="text" id="toDate" value="11/03/2012" class="input calendar jFocus"></td>
									</tr>
								</table>
							</div>
							<div>
								<form id="columnarForm">  
								<label for="survey">Survey question 1</label>
								<textarea name="textarea2" cols="80" rows="7" class="input jFocus" style="height:150px;padding:5px;">Was this really useful ?</textarea>
								</form>
								<div style="margin-top:15px;">
							   <form id="columnarForm" method="get" action="survey.html" >  
									<input value="Save" type="submit" class="button" />
								</form>
							   <form id="columnarForm" method="get" action="survey.html" >  
									<input value="Add next question" type="submit" class="button" />
								</form>
							   <form id="columnarForm" method="get" action="survey.html" >  
									<input value="Complete" type="submit" class="button" />
								</form>
							   <form id="columnarForm" method="get" action="survey.html" >  
									<input value="Cancel" type="submit" class="button" />
								</form>

								</div>
							</div>
							<DIV class=cleardiv></DIV>
							<div style="margin-top:20px;">
								<table class="table-css">
									<thead>
										<tr><th width="5%">S.No.</th><th width="85%">Questions</th><th width="5%"></th><th width="5%"></th></tr>
									</thead>
									<tbody>
										<tr style="height:50px;"><td>1</td><td>Was this really useful ?</td>
										<td><a href="#" title="edit" class="edit nostyle">&nbsp;</a></td><td><a href="#" title="delete" class="delete nostyle">&nbsp;</a></td></tr>
										<tr class="odd" style="height:50px;"><td>2</td><td>Products were improved ?</td>
										<td><a href="#" title="edit" class="edit nostyle">&nbsp;</a></td><td><a href="#" title="delete" class="delete nostyle">&nbsp;</a></td></tr>
										<tr style="height:50px;"><td>3</td><td>Mobile banking facility is needed ?</td>
										<td><a href="#" title="edit" class="edit nostyle">&nbsp;</a></td><td><a href="#" title="delete" class="delete nostyle">&nbsp;</a></td></tr>
										</tbody>
								</table>
							</div>
							</div>
							<DIV class=cleardiv></DIV>
							</form>  
							<br/><br/><br/>
						</DIV>
				<!-- CONTENT END -->
			</DIV>
		</DIV>
		<DIV class=cleardiv></DIV>
	</DIV>
</DIV>